<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-plus/index.scss";
	/* 通用容器 */
	.container {
		width: 100%;
		min-height: auto;
		position: relative;
	}
	
	/* 页面主容器 */
	.main {
		width: 100%;
		max-width: 1440px;
		padding: 30px 0;
		margin: 0 auto;
		transition: padding 0.3s ease;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		z-index: 2;
		position: relative;
		padding: 15px;
	}
	
	.empty-wrap {
		display: flex;
		align-items: center;
		flex-direction: column;
	
		text {
			margin-top: 10px;
			font-size: 16px;
			color: #888888;
		}
	}
	
	/* 小屏幕下主容器占满 */
	@media screen and (max-width: 768px) {
		.main {
			padding: 15px;
		}
		.main-max-width {
			width: 100%;
		}
	}
</style>
